<template>
	<view class="">
		<uni-section title="地址" type="line">
			<uni-card>
				<view class="uni-body">海南省海口市 海南省海口市秀英区<uni-icons type="compose"></uni-icons></view>
				王启俊 17788430977
			</uni-card>
			
		</uni-section>
		<uni-section title="物品" type="line">
			
			<uni-list-item title="金属" note="18kg-25kg">
				<template v-slot:footer>
					<uni-icons type="trash-filled" size="25" color="red"></uni-icons>
				</template>
			</uni-list-item>
			<uni-list-item title="金属" note="18kg-25kg">
				<template v-slot:footer>
					<uni-icons type="trash-filled" size="25" color="red"></uni-icons>
				</template>
			</uni-list-item>
			<uni-list-item title="金属" note="18kg-25kg">
				<template v-slot:footer>
					<uni-icons type="trash-filled" size="25" color="red"></uni-icons>
				</template>
			</uni-list-item>
			<uni-list-item title="金属" note="18kg-25kg">
				<template v-slot:footer>
					<uni-icons type="trash-filled" size="25" color="red"></uni-icons>
				</template>
			</uni-list-item>
			<uni-list-item title="金属" note="18kg-25kg">
				<template v-slot:footer>
					<uni-icons type="trash-filled" size="25" color="red"></uni-icons>
				</template>
			</uni-list-item>
			<uni-list-item title="金属" note="18kg-25kg">
				<template v-slot:footer>
					<uni-icons type="trash-filled" size="25" color="red"></uni-icons>
				</template>
			</uni-list-item>
			<uni-list-item title="金属" note="18kg-25kg">
				<template v-slot:footer>
					<uni-icons type="trash-filled" size="25" color="red"></uni-icons>
				</template>
			</uni-list-item>
			<uni-list-item title="金属" note="18kg-25kg">
				<template v-slot:footer>
					<uni-icons type="trash-filled" size="25" color="red"></uni-icons>
				</template>
			</uni-list-item>
			<uni-list-item title="金属" note="18kg-25kg">
				<template v-slot:footer>
					<uni-icons type="trash-filled" size="25" color="red"></uni-icons>
				</template>
			</uni-list-item>
			<uni-list-item title="金属" note="18kg-25kg">
				<template v-slot:footer>
					<uni-icons type="trash-filled" size="25" color="red"></uni-icons>
				</template>
			</uni-list-item>
		</uni-section>
			<view class="add">
				<uni-icons type="plusempty" size="20"color="green"></uni-icons>
				<view>继续添加</view>
			</view>
		<view class="selectTime">
			<view class="left_title">
				预约时间
			</view>
			<view class="right_time">
				<uni-datetime-picker type="datetime" v-model="datetimesingle" @change="changeLog" />
				<!-- <uni-icons type="right" size="20"></uni-icons> -->
			</view>
		</view>
		<view class="message">
			<view class="left_title">
				留言备注
			</view>
			<view>
				<uni-icons type="right" size="20"></uni-icons>
			</view>
		</view>
		<view class="reservation">
			<view class="money">
				<view>预估价格<text style="color: yellow;">88.88元</text></view>
				<view>成交价格以实际评估为准</view>
			</view>
			<view class="reservation_button">
				马上预约
			</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				datetimesingle:""
			}
		},
		methods: {
			fn(){
				console.log(this.datetimerange);
			},
			changeLog(e) {
				console.log(e);
				this.single = e
				console.log('change事件:', this.single = e);
			},
		},
	}
</script>

<style>

.add{
	height: 130rpx;
	line-height: 130rpx;
	margin-top: 5rpx;
	background-color: white;
	padding-left: 270rpx;
	font-size: 35rpx;
	display: flex;
}
.left_title{
	font-weight: bold;
	font-size: 35rpx;
}
.selectTime{
	margin-top: 20rpx;
	background-color: white;
	height: 100rpx;
	line-height: 100rpx;
	justify-content:space-between;
	display: flex;
}
.message{
	margin-top: 5rpx;
	background-color: white;
	height: 100rpx;
	line-height: 100rpx;
	justify-content:space-between;
	display: flex;
}
.reservation{
	margin-top: 20rpx;
	width: 750rpx;
	line-height: 50rpx;
	height: 100rpx;
	display: flex;
	background-color: white;
	justify-content: space-between;
}

.money view:nth-child(1){
	font-weight: bold;
	font-size: 30rpx;
}
.money view:nth-child(2){
	font-size: 25rpx;
	color: gray;
}
.reservation_button{
	margin-top: 20rpx;
	text-align: center;
	line-height: 80rpx;
	height: 80rpx;
	width: 250rpx;
	color: white;
	background-color: green;
	border-radius: 22rpx;
}

</style>
